* {
  padding: 0;
  margin: 0;
}

html,
body,
#root {
  width: 100%;
  height: 100%;
}

#components-layout-demo-custom-trigger .trigger {
  padding: 0 24px;
  font-size: 18px;
  line-height: 64px;
  cursor: pointer;
  transition: color 0.3s;
}

#root .ant-layout {
  height: 100%;
  line-height: 64px;

  >div {
    height: calc(100% - 64px);
    width: 100%;

    @media(max-width: 958px ) {
      width: 758px;
    }

    >div {
      height: 100%;
    }
  }
}

.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background: #001529 !important;
}

#components-layout-demo-custom-trigger .trigger:hover {
  color: #1890ff;
}

#components-layout-demo-custom-trigger .logo {
  height: 32px;
  margin: 16px;
  background: rgba(255, 255, 255, 0.3);
}

.ant-menu-item-selected {
  >span {
    color: #1890ff !important;

    >a {
      color: #1890ff !important
    }
  }

  // background: red !important;
}

.site-layout .site-layout-background {
  background: #fff;
  border-bottom: 0.5px solid rgb(228, 228, 228);
  width: 100%;
  line-height: 64px;
  display: flex;
  justify-content: space-between;

  >span {
    margin-left: 16px;
    margin-top: 25px;
  }
}



.img {
  height: 50px;
  line-height: 50px;
  display: flex;
  align-items: center;  
  padding-top: 10px;
 
  img{
    width: 32px;
    height: 32px;
    margin-left: 30px;
  }
  span{
    font-size: 19.2px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.create {
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-bottom: 10px;
  span{
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.menu{
  overflow: hidden!important;
  overflow-y: auto!important;
}